view,
text,
scroll-view,
input,
button,
image,
cover-view {
    box-sizing: border-box;
}

page {
    /* prettier-ignore */
    --height: 44PX;
    /* 4*2+32 */
    /* prettier-ignore */
    --right: 97PX;
    /* 10+87 */
    /* prettier-ignore */
    --navBarExtendHeight: 4PX;
    /* prettier-ignore */
    --navBarHeight: 68PX;
    box-sizing: border-box;
}

.lxy-nav-bar .ios {
    /* prettier-ignore */
    --height: 44PX;
    /* 4*2+32 */
    /* prettier-ignore */
    --right: 97PX;
    /* 10+87 */
    /* prettier-ignore */
    --navBarExtendHeight: 4PX;
    box-sizing: border-box;
}

.lxy-nav-bar .android {
    /* prettier-ignore */
    --height: 48PX;
    /* 8*2+32 */
    /* prettier-ignore */
    --right: 96PX;
    /* 10+87 */
    /* prettier-ignore */
    --navBarExtendHeight: 4PX;
    box-sizing: border-box;
}

.lxy-nav-bar .devtools {
    /* prettier-ignore */
    --height: 42PX;
    /* 5*2+32 */
    /* prettier-ignore */
    --right: 88PX;
    /* 10+87 */
    /* prettier-ignore */
    --navBarExtendHeight: 4PX;
    box-sizing: border-box;
}

.lxy-nav-bar__inner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5001;
    /* prettier-ignore */
    height: var(--navBarHeight);
    display: Flex;
    align-items: center;
    padding-right: var(--right);
    width: 100%;
    /* prettier-ignore */
    padding-top: 20PX;
    /* prettier-ignore */
    padding-bottom: 4PX;

    .placeholder {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
}

.lxy-nav-bar__inner .lxy-nav-bar__left {
    position: relative;
    width: var(--right);
    /* prettier-ignore */
    height: 32PX;
    /* padding-left: 10PX; */
    /* prettier-ignore */
    margin-left: 10PX;
    display: flex;
    align-items: center;
}

.lxy-nav-bar__buttons {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    /* prettier-ignore */
    border-radius: 16PX;
    border: 1px solid rgba(204, 204, 204, 0.6);
    position: relative;
}

.lxy-nav-bar__buttons.android {
    border: 1px solid rgba(234, 234, 234, 0.6);
}

.lxy-nav-bar__buttons::after {
    position: absolute;
    content: '';
    width: 1px;
    /* prettier-ignore */
    height: 18.4PX;
    background: rgba(204, 204, 204, 0.6);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.lxy-nav-bar__buttons.android::after {
    background: rgba(234, 234, 234, 0.6);
}

.lxy-nav-bar__button {
    width: 50%;
    height: 100%;
    display: flex;
    /* prettier-ignore */
    font-size: 12PX;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1em 2em;
}

.lxy-nav-bar__inner .lxy-nav-bar__left .lxy-nav-bar__btn_goback:active,
.lxy-nav-bar__inner .lxy-nav-bar__left .lxy-nav-bar__btn_gohome:active {
    opacity: 0.5;
}

.lxy-nav-bar__inner .lxy-nav-bar__center {
    /* prettier-ignore */
    font-size: 17PX;
    /* prettier-ignore */
    line-height: 17PX;
    text-align: center;
    position: relative;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    /* prettier-ignore */
    padding-left: 10PX;

    text {
        margin-top: -2px;
        font-size: 34px;
        font-weight: 550;
        line-height: 44px;
    }
}

.lxy-nav-bar__inner .lxy-nav-bar__loading {
    font-size: 0;
}

.lxy-nav-bar__inner .lxy-nav-bar__loading .lxy-loading {
    margin-left: 0;
}

.lxy-nav-bar__inner .lxy-nav-bar__right {
    /* prettier-ignore */
    margin-right: 10PX;
}

.lxy-nav-bar__placeholder {
    height: var(--navBarHeight);
    background: #f8f8f8;
    position: relative;
    z-index: 50;
    visibility: hidden;
}

.lxy-nav-bar-search {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* prettier-ignore */
    height: 32PX;
    /* prettier-ignore */
    border-radius: 16PX;
    position: relative;
    background: #f6f6f6;
}

.lxy-nav-bar-search__input {
    height: 100%;
    display: flex;
    align-items: center;
    color: #999;
    /* prettier-ignore */
    font-size: 15PX;
    /* prettier-ignore */
    line-height: 15PX;
}

.lxy-nav-bar__inner .lxy-nav-bar__left .lxy-nav-bar__btn_goback {
    background-image: url("data:image/svg+XML;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E");
}

.lxy-nav-bar__inner .lxy-nav-bar__left .lxy-nav-bar__btn_goback.white {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.lxy-nav-bar__inner .lxy-nav-bar__left .lxy-nav-bar__btn_gohome {
    background-image: url("data:image/svg+xml,%3Csvg t='1565752242401' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4326' width='48' height='48'%3E%3Cpath d='M537.13744054-106.18008097999996c-12.56871953-12.56871953-31.42179957-12.56871953-50.27488108 0L28.10427953 195.46919964000006c-12.56871953 12.56871953-18.85308003 25.13744054-18.85308003 37.70616005l0 609.58292171c0 25.13744054 18.85308003 43.99052059 43.9905191 43.9905191l301.6492806 0c18.85308004 0 31.42179957-12.56871953 31.42180105-31.42179957l0-314.21800013c0-18.85308004 12.56871953-31.42179957 31.42179956-31.42180105l188.53080038 0c18.85308004 0 31.42179957 12.56871953 31.42179956 31.42180105l0 314.21800013c0 18.85308004 12.56871953 31.42179957 31.42180105 31.42179957L970.7582814 886.7488005c25.13744054 0 43.99052059-18.85308003 43.9905191-43.9905191L1014.7488005 233.17535969000005c0-12.56871953-6.2843605-25.13744054-18.85308003-37.70616005l-458.75827993-301.64928062z' fill='%23000000' p-id='4327'%3E%3C/path%3E%3C/svg%3E");
    /* prettier-ignore */
    background-size: 17PX 34PX;
    margin-top: 10px;
}

.lxy-nav-bar__inner .lxy-nav-bar__left .lxy-nav-bar__btn_gohome.white {
    background-image: url("data:image/svg+xml,%3Csvg t='1565752242401' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4326' width='48' height='48'%3E%3Cpath d='M537.13744054-106.18008097999996c-12.56871953-12.56871953-31.42179957-12.56871953-50.27488108 0L28.10427953 195.46919964000006c-12.56871953 12.56871953-18.85308003 25.13744054-18.85308003 37.70616005l0 609.58292171c0 25.13744054 18.85308003 43.99052059 43.9905191 43.9905191l301.6492806 0c18.85308004 0 31.42179957-12.56871953 31.42180105-31.42179957l0-314.21800013c0-18.85308004 12.56871953-31.42179957 31.42179956-31.42180105l188.53080038 0c18.85308004 0 31.42179957 12.56871953 31.42179956 31.42180105l0 314.21800013c0 18.85308004 12.56871953 31.42179957 31.42180105 31.42179957L970.7582814 886.7488005c25.13744054 0 43.99052059-18.85308003 43.9905191-43.9905191L1014.7488005 233.17535969000005c0-12.56871953-6.2843605-25.13744054-18.85308003-37.70616005l-458.75827993-301.64928062z' fill='%23ffffff' p-id='4327'%3E%3C/path%3E%3C/svg%3E");
    /* prettier-ignore */
    background-size: 17PX 34PX;
    margin-top: 10px;
}

.lxy-nav-bar-search__icon {
    /* prettier-ignore */
    width: 22PX;
    /* prettier-ignore */
    height: 22PX;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg t='1565691512239' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1240' width='48' height='48'%3E%3Cpath d='M819.2 798.254545L674.909091 653.963636c46.545455-48.872727 74.472727-114.036364 74.472727-186.181818 0-151.272727-123.345455-274.618182-274.618182-274.618182-151.272727 0-274.618182 123.345455-274.618181 274.618182 0 151.272727 123.345455 274.618182 274.618181 274.618182 65.163636 0 128-23.272727 174.545455-62.836364l144.290909 144.290909c2.327273 2.327273 6.981818 4.654545 11.636364 4.654546s9.309091-2.327273 11.636363-4.654546c6.981818-6.981818 6.981818-18.618182 2.327273-25.6zM235.054545 467.781818c0-132.654545 107.054545-239.709091 239.709091-239.709091 132.654545 0 239.709091 107.054545 239.709091 239.709091 0 132.654545-107.054545 239.709091-239.709091 239.709091-132.654545 0-239.709091-107.054545-239.709091-239.709091z' fill='%23999999' p-id='1241'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
}